<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
		<title>未完成垫付任务列表</title>
	</head>
	<link rel="stylesheet" href="font/iconfont.css" />
	<link rel="stylesheet" href="css/css.css" />
	<link rel="stylesheet" href="dist/lib/weui.min.css">
	<link rel="stylesheet" href="dist/css/jquery-weui.min.css">
	<script type="text/javascript" src="dist/lib/jquery-2.1.4.js" ></script>
	<script src="dist/js/jquery-weui.min.js"></script>
	<script type="text/javascript" src="dist/lib/fastclick.js"></script>
	<style>
		body, html {height: 100%;-webkit-tap-highlight-color: transparent;}
		.weui-navbar__item{padding: 10px 0px !important;}
	</style>
	<body ontouchstart class="bgcolor">
		<header class="wy-header">
			<div class="wy-header-icon-back">
				<a href="javascript:history.back(-1)"><i class="iconfont icon-left6"></i></a>
			</div>
			<div class="wy-header-title">未完成垫付任务列表</div>
		</header>
		<div class="weui-tab undone">
			<div class="weui-navbar">
				<div class="weui-navbar__item weui-bar__item--on" href="#tab1">
					待操作
				</div>
				<div class="weui-navbar__item" href="#tab2">
					预购任务
				</div>
				<div class="weui-navbar__item" href="#tab3">
					待返款
				</div>
				<div class="weui-navbar__item" href="#tab4">
					发货中
				</div>
				<div class="weui-navbar__item" href="#tab5">
					带追评
				</div>
			</div>
			<div class="weui-tab__bd">
				<div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active infinite">
					<div class="content-padded nodone-list bg">
						<!--内容部分-->
						<!--循环部分-->
						<div class="weui-flex nodone-li ">
							<div class="weui-flex__item">
								<img width="100%" height="100%" src="dist/demos/images/avatar.jpg"/>
							</div>
							<div class="weui-flex__item" style="flex:3;padding:0px 0px 0px 10px; overflow: hidden;">
								<div class="weui-flex title">
									<div class="weui-flex__item" style="padding-right:5px;"><img src="img/wwiconf.png" width="100%"/></div>
									<div class="weui-flex__item font-sm-color3" style="flex:5;">songfeifan000</div>
									<div class="weui-flex__item txt-rt font-sm-color3" style="flex:6;">任务ID:7472291</div>
								</div>
								<div class="weui-flex">
									<div class="weui-flex__item" style="flex:5;"><i class="font-sm-color1">佣金6.00</i></div>
									<div class="weui-flex__item txt-rt" style="flex:4;"><i class="font-sm-color1">平台返款</i></div>
									<div class="weui-flex__item txt-rt" style="flex:4;"><i class="btn-state">已完成</i></div>
								</div>
								<div class="weui-flex" style="line-height:1.65rem;">
									<div class="weui-flex__item font-sm-color3" style="flex:6;">垫付99.00元</i></div>
									<div class="weui-flex__item txt-rt font-sm-color3" style="flex:7;">12-22 25:12</div>
								</div>
							</div>
						</div>
						<!--循环部分-->
						<div class="weui-flex nodone-li ">
							<div class="weui-flex__item">
								<img width="100%" height="100%" src="dist/demos/images/avatar.jpg"/>
							</div>
							<div class="weui-flex__item" style="flex:3;padding:0px 0px 0px 10px; overflow: hidden;">
								<div class="weui-flex title">
									<div class="weui-flex__item" style="padding-right:5px;"><img src="img/wwiconf.png" width="100%"/></div>
									<div class="weui-flex__item font-sm-color3" style="flex:5;">songfeifan000</div>
									<div class="weui-flex__item txt-rt font-sm-color3" style="flex:6;">任务ID:7472291</div>
								</div>
								<div class="weui-flex">
									<div class="weui-flex__item" style="flex:5;"><i class="font-sm-color1">佣金6.00</i></div>
									<div class="weui-flex__item txt-rt" style="flex:4;"><i class="font-sm-color1">平台返款</i></div>
									<div class="weui-flex__item txt-rt" style="flex:4;"><i class="btn-state">已完成</i></div>
								</div>
								<div class="weui-flex" style="line-height:1.65rem;">
									<div class="weui-flex__item font-sm-color3" style="flex:6;">垫付99.00元</i></div>
									<div class="weui-flex__item txt-rt font-sm-color3" style="flex:7;">12-22 25:12</div>
								</div>
							</div>
						</div>
						<!--循环部分-->
						<div class="weui-flex nodone-li ">
							<div class="weui-flex__item">
								<img width="100%" height="100%" src="dist/demos/images/avatar.jpg"/>
							</div>
							<div class="weui-flex__item" style="flex:3;padding:0px 0px 0px 10px; overflow: hidden;">
								<div class="weui-flex title">
									<div class="weui-flex__item" style="padding-right:5px;"><img src="img/wwiconf.png" width="100%"/></div>
									<div class="weui-flex__item font-sm-color3" style="flex:5;">songfeifan000</div>
									<div class="weui-flex__item txt-rt font-sm-color3" style="flex:6;">任务ID:7472291</div>
								</div>
								<div class="weui-flex">
									<div class="weui-flex__item" style="flex:5;"><i class="font-sm-color1">佣金6.00</i></div>
									<div class="weui-flex__item txt-rt" style="flex:4;"><i class="font-sm-color1">平台返款</i></div>
									<div class="weui-flex__item txt-rt" style="flex:4;"><i class="btn-state">已完成</i></div>
								</div>
								<div class="weui-flex" style="line-height:1.65rem;">
									<div class="weui-flex__item font-sm-color3" style="flex:6;">垫付99.00元</i></div>
									<div class="weui-flex__item txt-rt font-sm-color3" style="flex:7;">12-22 25:12</div>
								</div>
							</div>
						</div>
						<!--循环部分-->
						<div class="weui-flex nodone-li ">
							<div class="weui-flex__item">
								<img width="100%" height="100%" src="dist/demos/images/avatar.jpg"/>
							</div>
							<div class="weui-flex__item" style="flex:3;padding:0px 0px 0px 10px; overflow: hidden;">
								<div class="weui-flex title">
									<div class="weui-flex__item" style="padding-right:5px;"><img src="img/wwiconf.png" width="100%"/></div>
									<div class="weui-flex__item font-sm-color3" style="flex:5;">songfeifan000</div>
									<div class="weui-flex__item txt-rt font-sm-color3" style="flex:6;">任务ID:7472291</div>
								</div>
								<div class="weui-flex">
									<div class="weui-flex__item" style="flex:5;"><i class="font-sm-color1">佣金6.00</i></div>
									<div class="weui-flex__item txt-rt" style="flex:4;"><i class="font-sm-color1">平台返款</i></div>
									<div class="weui-flex__item txt-rt" style="flex:4;"><i class="btn-state">已完成</i></div>
								</div>
								<div class="weui-flex" style="line-height:1.65rem;">
									<div class="weui-flex__item font-sm-color3" style="flex:6;">垫付99.00元</i></div>
									<div class="weui-flex__item txt-rt font-sm-color3" style="flex:7;">12-22 25:12</div>
								</div>
							</div>
						</div>
						<!--循环部分-->
						<div class="weui-flex nodone-li ">
							<div class="weui-flex__item">
								<img width="100%" height="100%" src="dist/demos/images/avatar.jpg"/>
							</div>
							<div class="weui-flex__item" style="flex:3;padding:0px 0px 0px 10px; overflow: hidden;">
								<div class="weui-flex title">
									<div class="weui-flex__item" style="padding-right:5px;"><img src="img/wwiconf.png" width="100%"/></div>
									<div class="weui-flex__item font-sm-color3" style="flex:5;">songfeifan000</div>
									<div class="weui-flex__item txt-rt font-sm-color3" style="flex:6;">任务ID:7472291</div>
								</div>
								<div class="weui-flex">
									<div class="weui-flex__item" style="flex:5;"><i class="font-sm-color1">佣金6.00</i></div>
									<div class="weui-flex__item txt-rt" style="flex:4;"><i class="font-sm-color1">平台返款</i></div>
									<div class="weui-flex__item txt-rt" style="flex:4;"><i class="btn-state">已完成</i></div>
								</div>
								<div class="weui-flex" style="line-height:1.65rem;">
									<div class="weui-flex__item font-sm-color3" style="flex:6;">垫付99.00元</i></div>
									<div class="weui-flex__item txt-rt font-sm-color3" style="flex:7;">12-22 25:12</div>
								</div>
							</div>
						</div>
						
					</div>
					<div class="weui-loadmore">
						<i class="weui-loading"></i>
						<span class="weui-loadmore__tips">正在加载</span>
					</div>
					<!--没有更多数据了-->
					<!--<div class="no-data txt-center p10">
						<p class="font-sm-color2">没有更多数据了</p>
					</div>-->
	
				</div>
				<div id="tab2" class="weui-tab__bd-item infinite">
					<div class="content-padded nodone-list">
						<!--内容部分-->
						<div class="no-data txt-center">
							<img src="img/no-data.png" width="30%"/>
							<p class="font-sm-color2">暂时没有相关数据</p>
						</div>
					</div>
					<!--<div class="weui-loadmore">
						<i class="weui-loading"></i>
						<span class="weui-loadmore__tips">正在加载</span>
					</div>-->
				</div>
				<div id="tab3" class="weui-tab__bd-item infinite">
					<div class="content-padded nodone-list">
						<!--内容部分-->
					</div>
					<!--<div class="weui-loadmore">
						<i class="weui-loading"></i>
						<span class="weui-loadmore__tips">正在加载</span>
					</div>-->
				</div>
				<div id="tab4" class="weui-tab__bd-item infinite">
					<div class="content-padded nodone-list">
						<!--内容部分-->
					</div>
					<!--<div class="weui-loadmore">
						<i class="weui-loading"></i>
						<span class="weui-loadmore__tips">正在加载</span>
					</div>-->
				</div>
				<div id="tab5" class="weui-tab__bd-item infinite">
					<div class="content-padded nodone-list">
						<!--内容部分-->
	
					</div>
					<!--<div class="weui-loadmore">
						<i class="weui-loading"></i>
						<span class="weui-loadmore__tips">正在加载</span>
					</div>-->
				</div>
			</div>
		</div>
<!--footer-->
		<div class="weui-tabbar">
			<a href="首页.html" class="weui-tabbar__item weui-bar__item--on">
				<div class="weui-tabbar__icon">
					<i class="iconfont icon-home"></i>
				</div>
				<p class="weui-tabbar__label">首页</p>
			</a>
			<a href="商品列表.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="iconfont icon-renwu"></i>
				</div>
				<p class="weui-tabbar__label">已接任务</p>
			</a>
			<a href="分类.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon ">
					<i class="iconfont icon-xinxi2"></i>
				</div>
				<p class="weui-tabbar__label">申诉中心</p>
			</a>
			<a href="分类.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon ">
					<i class="iconfont icon-huodongzhongxin"></i>
				</div>
				<p class="weui-tabbar__label">活动中心</p>
			</a>
			<a href="个人中心.html" class="weui-tabbar__item">
				<div class="weui-tabbar__icon">
					<i class="iconfont icon-wode2"></i>
				</div>
				<p class="weui-tabbar__label">我的</p>
			</a>
		</div>
	<script>
	  $(function() {
	    FastClick.attach(document.body);
	  });
	</script>
	
	<script>
      $(".infinite").infinite().on("infinite", function() {
        var self = this;
        if(self.loading) return;
        console.log(self)
        self.loading = true;
        console.log(self);
        setTimeout(function() {
          $(self).find(".content-padded").append("<p>我是加载的新内容....</p>");
          self.loading = false;
        }, 2000);   //模拟延迟
      });
    </script>
	<!--<script>
	  $('.weui-tab__bd-item').pullToRefresh().on('pull-to-refresh', function (done) {
	    var self = this
	    setTimeout(function() {
	      $(self).pullToRefreshDone();
	    }, 2000)
	  })
	</script>	-->
	</body>
</html>